<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>2-9</title>
		<style>
			.daoh{
				background:black;
				color:white;
				padding:10px 0;
			}
			.daoh a{
				color:white;
				text-decoration:none;
				margin:0 10px;
			}
			.daoh a hover{
				color:orange;
			}
			.xuex{
				background:gainsboro;
				padding:20px;
			
			}
			.xuex button{
				background:orange;
				border:none;
				padding:5px 10px;
				cursor:pointer;
			}
			.bottom{
				display:flex;
				justify-content:space-around;
				margin:20px 0;
			}
			.xw,.tp,.lianj{
				width:30%;
				border-right: 1px solid black;
				padding: 10px;
				box-sizing: border-box;
			}
			.link{
				border-right:none;
			}
		</style>
	</head>
	<body>
		<div class="daoh">
			<a href="#">首页</a>
			<a href="#shool">学校概况</a>
			<a href="#">机构设置</a>
			<a href="#">人才培养</a>
			<a href="#">科学研究</a>
		</div>
		<div id="shool">
		 <div class="xuex">
			<h1>天津职业技术师范大学</h1>
			<button>查看更多>></button>
		 </div>
		 <div class="bottom">
			<div class="xw">
				<h3>新闻</h3>
				<p>内容。。</p>
			</div>
			<div class="tp">
				<h3>图片展示区</h3>
				<p>内容。。</p>
			</div>
			<div class="lianj">
				<h3>链接区</h3>
				<p>内容。。</p>
			</div>
		 </div>
		</div>
	</body>
</html>
